<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>

    <title>习题解析</title>
    <link rel="stylesheet" href="https://g.alicdn.com/de/prismplayer/2.8.2/skins/default/aliplayer-min.css" />
    <script type="text/javascript" charset="utf-8" src="https://g.alicdn.com/de/prismplayer/2.8.2/aliplayer-min.js"></script>
    <link rel="stylesheet" href="http://evideo.adp5.com.cn/static/public/css/base.css"/>
    <link rel="stylesheet" href="http://evideo.adp5.com.cn/static/public/css/icon.css"/>
    <link rel="stylesheet" href="http://evideo.adp5.com.cn/static/public/css/video-list.css?v=2"/>
    <link rel="stylesheet" href="http://evideo.adp5.com.cn/static/public/css/weui-for-work.css"/>
    <link rel="stylesheet" href="http://evideo.adp5.com.cn/static/public/css/jquery-weui.min.css"/>
    <link rel="stylesheet" href="http://evideo.adp5.com.cn/static/public/css/weui2.css"/>
    <script src="http://evideo.adp5.com.cn/static/public/libs/jquery.min.js"></script>
    <script src="http://evideo.adp5.com.cn/static/public/libs/jquery-weui.min.js"></script>
    <script src="../public/libs/qrcode.min.js"></script>
    <script src="../public/js/log/loghub-tracking.js"></script>
    <script src="../public/js/menu/video-detail.js?v=11"></script>
    <style>
        .sc {
            overflow: scroll;
            height: 300px;
        }
        .flex-container {
            display: none;
            justify-content: space-between;
        }
        #popLayer {
            display: none;
            background-color: #B3B3B3;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 1001;
            -moz-opacity: 0.8;
            opacity:.80;
            filter: alpha(opacity=80);/* 只支持IE6、7、8、9 */
        }
        .qrcode {
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: -50px;
            margin-left: -50px;
            width: 100px;
            height: 100px;
        }
        /*弹出层*/
        #popBox {
            display: none;
            background-color: #FFFFFF;
            z-index: 1002;
            width: 200px;
            height: 200px;
            position:fixed;
            top:0;
            right:0;
            left:0;
            bottom:0;
            margin:auto;
        }

        #popBox .closeBox{
            text-align: right;
            margin-right: 5px;
            background-color: #F8F8F8;
        }

        /*关闭按钮*/
        #popBox .close a {
            text-decoration: none;
            color: #2D2C3B;
        }
    </style>

    <script type="text/javascript" th:inline="javascript">
        function getQueryVariable(variable) {
            var query = window.location.search.substring(1);
            var vars = query.split("&");
            for (var i=0;i<vars.length;i++) {
                var pair = vars[i].split("=");
                if(pair[0] == variable){return pair[1];}
            }
            return(false);
        }
        videoId = parseFloat(getQueryVariable("id"));
        userFrom = getQueryVariable("userFrom");
        $(function () {
            getUserInfo();
            getVideoDetail();
            initPutVideoInfo();
            getCountInfo();
            if (!userFrom) {
                userFrom = "0"
            }
            $(".popButton").on("click",function(){
                $("#popBox").css("display", "block")
                $("#popLayer").css("display", "block")
            })
            $(".close").on("click",function(){
                $("#popBox").css("display", "none")
                $("#popLayer").css("display", "none")
            })
        });
    </script>
</head>
<body ontouchstart="">
<div class="section-heading" style = "background-color: #FFFFFF;">

    <div class="prism-player" id="my_video" style="display: none;"></div>
    <!--
     <video id="my_video" onplay="playF()" onpause="pauseF()" onended="endedF()" controls="" controlslist="nodownload" preload="metadata" width="100%" style="display: none;" ></video>
     -->
    <!--播放视频位置展示下载文件位置-->
    <div class="cover-img" style="height: 180px; background-size:100%; background-image: linear-gradient(19deg, #a17fe0 30%, #576b95 100%); color:white; text-align:center; line-height:180px; display: none;" >
        <div style="background: url(../public/images/pdf.png) no-repeat;background-size:100%;">
                <span style="border:1px solid #FFF;padding: 0.6em;border-radius: 0.2em; margin-left: 3em" id="download-resources-home">查看 PDF 文件</span>
                <span style="border:1px solid #FFF;padding: 0.6em;border-radius: 0.2em; margin-left: 1em; display: none" id="android-download-resources-home" >下载 PDF</span>
        </div>
    </div>
    <div class="bd">
        <div class="page__bd">
            <div class="weui-cells" style="margin-top: 0;">
                <div class="weui-cell">
                    <div class="weui-cell__bd">
                        <p id="video-info"></p>
                        <div id="base-info" style = "color: #999999; font-size: 14px"></div>
                        <div class="flex-container">
                            <div class="weui-flex__item">
                                <button id="voice" class="weui-btn weui-btn_mini weui-btn_primary popButton"
                                        style="height: 90%; border-radius: 15px; line-height: 2.1;">
                                    <span class="iconfont icon-voice"></span> 后台收听
                                </button>
                            </div>
                            <div class="ios-click" style="color: #18b4ed;">
                                <i class="icon icon-64"></i><span id="view-count" ></span>
                                <div class="click-method" style="display: inline-block; ">
                                    <i class="icon " id="zan-style" ></i><span id="click-count" ></span>
                                </div>
                            </div>
                        </div>
                        <a href="javascript:;" class="weui-btn_mini weui-btn_plain-default ios-click" id="download-resources-button" style = "margin-left: 30%; margin-top: 1%; display:none;">查看 PDF 文件</a>
                    </div>
                    <div class="weui-cell__ft">
                    </div>
                </div>
            </div>
            <div class="weui-cells__title" style="margin-top: 0; margin-bottom: .8em;"></div>
        </div>
    </div>
</div>
<div id="info">
    <div class="weui-cells__title" style="margin-top:0;background-color: #FFFFFF; margin-bottom: 0; padding-top: 5px;">更多推荐</div>
    <div class="weui-cells" style="margin-top: 0;">
        <div id="showVideoList" style="background-color: #FFFFFF;"></div>
        <div class="weui-form-preview__ft">
            <button type="submit" class="weui-form-preview__btn weui-form-preview__btn_primary" href="javascript:" id="video-more">更多解析</button>
        </div>
    </div>
    <div class="weui-footer" style="margin-top:1em;margin-bottom:1em">
        <p class="weui-footer__text">Copyright © 2008-2019 大象 e 学</p>
    </div>
</div>
<div id="popLayer"></div>

<div id="qrcodeNode" class="" style="display:none"></div>
<div id="popBox">
    <div class="closeBox">
        <a href="javascript:void(0)" class="close">关闭</a>
    </div>
    <div id="qrcode" class="qrcode"></div>
</div>
</body>
</html>
